/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016-1-28, 11:22:14
    Author     : Administrator
*/

ng-atomic-notify {
    position: fixed;
    /*right: 0;*/
    top: 0;
    width: 100%;
    text-align: center;
}

.atomic-notify {
    z-index: 100000;
/*    right: 0;*/
/*    float: left;*/
    width: 500px;
    margin: 0 auto;
}

.atomic-notify .atomic-notify-item {
    display: table;
    position: relative;
    margin: 20px auto 0;
    width: 500px;
    height:80px;
    background-color: #0074D9;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    padding: 0px;
}

.atomic-notify .atomic-notify-item .icon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 80px;
    height: 100%;
/*    padding: 30px;*/
    text-align: center;
    background-color: rgba(0, 0, 0, 0.25);
}

.atomic-notify .atomic-notify-item .icon > i {
    width: 20px;
    font-size: 20px;
}

.atomic-notify .atomic-notify-warning {
    background-color: #F39C12;
}

.atomic-notify .atomic-notify-error {
  background-color: #FF4136;
}

.atomic-notify .atomic-notify-success {
  background-color: #2ECC40;
}

.atomic-notify .atomic-notify-item .body {
    display: table-cell;
    vertical-align: middle;
     text-align: center;
     height: 100%;
/*    padding: 30px 20px 30px 10px;*/
}

.atomic-notify .atomic-notify-item .body > p {
    line-height: 1.5;
    color: #fff;
}

.atomic-notify .close {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    border: none;
    outline: none;
    font-size: 20px;
    right: 5px;
    top: 5px;
    cursor: pointer;
    padding: 1px 8px 3px 7px;
}

.atomic-notify .close:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.fontS{
    font-size: 50px;
}
.bgDiv{
    background: white;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width:100%;height:100%;
    z-index: 10000;
}
.bgDiv .bgD1{
    height: 50px;
    width: 50px;
/*    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);*/
    transition: all 0.444s cubic-bezier(0.7, 0, 0.3, 1);
    overflow: hidden;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}